/* You can add global styles to this file, and also import other style files */
h1 {
    color: #369;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 250%;
  }
  h2, h3 {
    color: #444;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: lighter;
  }
  body {
    margin: 2em;
  }
  body, input[text], button {
    color: #888;
    font-family: Cambria, Georgia;
  }
  /* everywhere else */
  * {
    font-family: Arial, Helvetica, sans-serif;
  }

.content{
  margin-top: 20px;
}
.right {
    float: right;
}
.left {
    float: left;
}



.content ul,.content li {
  margin:0;
  padding: 0;
}

.content li{
  list-style-type: none;
}
.left .menu{
  padding-top:10px; 
  height: 100%;
  min-height: 700px;
  border-right: 1px solid #999;
  box-shadow: 2px 1px 2px #888888;
}

.left a{
  color: #6e6e6e;
}

.left a:hover{
  color: #1976d2;
}

.left a> .active{
  color: #1976d2;
}

.error {
    color: red;
}

input.ng-invalid {
  border: 3px solid red;
}

input.ng-valid {
  border: 3px solid green;
}

.list{
    margin-top: 20px;
}

.list-container{
    margin: 0 auto;
    padding: 10px 20px;
}

.popup{
    width: 400px!important;
}